<template>
  <div>
    <!-- 组件1：props -->
    <!-- <comp1></comp1> -->
    <!-- end -->

    <!--组件2：三层组件 -->
    <!-- <comp2></comp2> -->
    <!-- end -->

    <!-- 组件3：兄弟组件通讯 -->
    <comp3></comp3>
    <!-- end -->
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import comp1 from "./compsModule/props-demo/Father.vue"
import comp2 from "./compsModule/level3-demo/index.vue"
import comp3 from "./compsModule/brother-demo/index.vue"
export default defineComponent({
  components: {
    comp1,
    comp2,
    comp3
  },
  setup() {


    return {}
  }
})
</script>

<style scoped>
a {
  color: red
}
</style>
